﻿//2.	各检验单位的检验结论统计 ,excel数据动态处理。实现。
var excelJson_104 = [
    {a: '文峰所', b: '治安警情', c: 40},
    {a: '文峰所', b: '刑事警情', c: 5},
    {a: '文峰所', b: '违法犯罪警情', c: 1},
    {a: '文峰所', b: '求助警情', c: 20},
    {a: '文峰所', b: '纠纷警情', c: 26},
    {a: '文峰所', b: '其他警情', c: 10},
    {a: '玉龙所', b: '治安警情', c: 40},
    {a: '玉龙所', b: '刑事警情', c: 5},
    {a: '玉龙所', b: '违法犯罪警情', c: 1},
    {a: '玉龙所', b: '求助警情', c: 20},
    {a: '玉龙所', b: '纠纷警情', c: 26},
    {a: '玉龙所', b: '其他警情', c: 10},
    {a: '先锋所', b: '治安警情', c: 40},
    {a: '先锋所', b: '刑事警情', c: 5},
    {a: '先锋所', b: '违法犯罪警情', c: 1},
    {a: '先锋所', b: '求助警情', c: 20},
    {a: '先锋所', b: '纠纷警情', c: 26},
    {a: '先锋所', b: '其他警情', c: 10},
    {a: '五星所', b: '治安警情', c: 40},
    {a: '五星所', b: '刑事警情', c: 5},
    {a: '五星所', b: '违法犯罪警情', c: 1},
    {a: '五星所', b: '求助警情', c: 20},
    {a: '五星所', b: '纠纷警情', c: 26},
    {a: '五星所', b: '其他警情', c: 10},
    {a: '大洋所', b: '治安警情', c: 40},
    {a: '大洋所', b: '刑事警情', c: 5},
    {a: '大洋所', b: '违法犯罪警情', c: 1},
    {a: '大洋所', b: '求助警情', c: 20},
    {a: '大洋所', b: '纠纷警情', c: 26},
    {a: '大洋所', b: '其他警情', c: 10},
    {a: '边仓所', b: '治安警情', c: 40},
    {a: '边仓所', b: '刑事警情', c: 5},
    {a: '边仓所', b: '违法犯罪警情', c: 1},
    {a: '边仓所', b: '求助警情', c: 20},
    {a: '边仓所', b: '纠纷警情', c: 26},
    {a: '边仓所', b: '其他警情', c: 10},
    {a: '南阳所', b: '治安警情', c: 40},
    {a: '南阳所', b: '刑事警情', c: 5},
    {a: '南阳所', b: '违法犯罪警情', c: 1},
    {a: '南阳所', b: '求助警情', c: 20},
    {a: '南阳所', b: '纠纷警情', c: 26},
    {a: '南阳所', b: '其他警情', c: 10},
    {a: '东城所', b: '治安警情', c: 40},
    {a: '东城所', b: '刑事警情', c: 5},
    {a: '东城所', b: '违法犯罪警情', c: 1},
    {a: '东城所', b: '求助警情', c: 20},
    {a: '东城所', b: '纠纷警情', c: 26},
    {a: '东城所', b: '其他警情', c: 10},
    {a: '黄建所', b: '治安警情', c: 40},
    {a: '黄建所', b: '刑事警情', c: 5},
    {a: '黄建所', b: '违法犯罪警情', c: 1},
    {a: '黄建所', b: '求助警情', c: 20},
    {a: '黄建所', b: '纠纷警情', c: 26},
    {a: '黄建所', b: '其他警情', c: 10},
    {a: '延东所', b: '治安警情', c: 40},
    {a: '延东所', b: '刑事警情', c: 5},
    {a: '延东所', b: '违法犯罪警情', c: 1},
    {a: '延东所', b: '求助警情', c: 20},
    {a: '延东所', b: '纠纷警情', c: 26},
    {a: '延东所', b: '其他警情', c: 10},
    {a: '新洋边防所', b: '治安警情', c: 40},
    {a: '新洋边防所', b: '刑事警情', c: 5},
    {a: '新洋边防所', b: '违法犯罪警情', c: 1},
    {a: '新洋边防所', b: '求助警情', c: 20},
    {a: '新洋边防所', b: '纠纷警情', c: 26},
    {a: '新洋边防所', b: '其他警情', c: 10},
    {a: '环保科技城所', b: '治安警情', c: 40},
    {a: '环保科技城所', b: '刑事警情', c: 5},
    {a: '环保科技城所', b: '违法犯罪警情', c: 1},
    {a: '环保科技城所', b: '求助警情', c: 20},
    {a: '环保科技城所', b: '纠纷警情', c: 26},
    {a: '环保科技城所', b: '其他警情', c: 10}
]
var wei1 =[];
var wei2 =[];
// 第一列
wei1.push(excelJson_104[0].a)
for(var i =1;i<excelJson_104.length;i++ ){
    if(i>0&&excelJson_104[i].a!==wei1[wei1.length-1]){
        wei1.push(excelJson_104[i].a)
    }
}
console.log(wei1)
//第二列
wei2.push(excelJson_104[0].b)
for(var i =1;i<excelJson_104.length;i++ ){
    if(i>0&&excelJson_104[i].b!==wei2[0]){
        wei2.push(excelJson_104[i].b)
    }else{
        break;
    }
}
console.log(wei2)
// //第一列的每个二列的值
// for(var x=0;x<wei1.length;x++){
//
//     var value1 =[];
//     var wei1index = wei1[x];
//     for(var i =0;i<excelJson_104.length;i++ ){
//         if(excelJson_104[i].a=== wei1index){
//             value1.push(excelJson_104[i].c)
//         }
//     }
//     console.log(wei1index)
//     console.log(value1)
// }
//第二列的每个一列的值
var value_2_1 =[]
for(var x=0;x<wei2.length;x++){

    var value1 =[];
    var wei2index = wei2[x];
    for(var i =0;i<excelJson_104.length;i++ ){
        if(excelJson_104[i].b=== wei2index){
            value1.push(excelJson_104[i].c)
        }
    }
    // console.log(wei2index)
    // console.log(value1)
    var item = {
        name : wei2index,
        value : value1
    }
    value_2_1.push(item)
}
console.log(value_2_1)

var xData_104_ = wei1
var legendData_104 = wei2

//第二列的每个一列的值 的图表配置
var seriesData_104 = []
// 每一项的颜色配置
var colorData_104 = ["rgba(58,95,205,1)","rgba(0,191,183,1)","rgba(255,193,193,1)","rgba(186,85,211,1)","rgba(255,185,15,1)","rgba(252,230,48,1)","rgba(255,144,128,1)","rgba(255,106,106,1)"]
for(var i =0;i<value_2_1.length;i++ ){
    var item = {
        "name":  value_2_1[i].name,
        "type": "bar",
        //"stack": "总量",
        "itemStyle": {
            "normal": {
                "color": colorData_104[i],
                "label": {
                    "show": true,
                    "textStyle": {
                        "color": "#fff"
                    },
                    "position": "top",
                    formatter: function(p) {
                        return p.value > 0 ? (p.value) : '';
                    }
                }
            }
        },
        "data":  value_2_1[i].value
    }
    seriesData_104.push(item)
}
console.log(seriesData_104)
//
option104 = {
    // backgroundColor: "#344b58",
    "title": {
        "text": "",
        "subtext": '',
        x: "4%",

        textStyle: {
            color: '#fff',
            fontSize: '22'
        },
        subtextStyle: {
            color: '#90979c',
            fontSize: '16',

        },
    },
    "tooltip": {
        "trigger": "axis",
        "axisPointer": {
            "type": "shadow",
            textStyle: {
                color: "#fff"
            },
        },
        formatter: function(params) {
            // console.log(params)
            var indexX =0;
            for(var x=0;x<xData_104_.length;x++){
                if(params[0].name === xData_104_[x]){
                    indexX = x;
                    break;
                }
            }
            console.log(indexX)
            //
            var sum = 0;
            for(var i =0;i<seriesData_104.length;i++ ){
                sum = sum + seriesData_104[i].data[indexX]
            }

            var displayString = '检验单位：' + params[0].name
            for(var m =0;m<params.length;m++){
                var itemString = '<br/>'+ params[m].marker + params[m].seriesName +':数量：' + params[m].data+ '，' + '占比：' + (params[m].data / sum * 100).toFixed(2) + '%，总数:'+sum;
                displayString = displayString + itemString
            }
            return displayString
        }
    },
    "grid": {
        "borderWidth": 0,
        "top": 104,
        "bottom": 95,
        textStyle: {
            color: "#fff"
        }
    },
    "legend": {
        x: '4%',
        top: '5%',
        textStyle: {
            color: '#fff',
            fontSize:16,
        },
        "data": legendData_104
    },


    "calculable": true,
    "xAxis": [{
        "type": "category",
        "position": {
            "bottom": 200,
        },
        "axisLine": {
            lineStyle: {
                color: '#90979c'
            }
        },
        "nameRotate": 90,
        "splitLine": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "splitArea": {
            "show": false
        },
        "axisLabel": {
            // "interval": 0,
            textStyle: {
                color: '#fff',
                fontSize: '16'
            },
        },
        "data": xData_104_,
        "offset": 0,
    }],
    "yAxis": [{
        "type": "value",
        "splitLine": {
            "show": false
        },
        "axisLine": {
            lineStyle: {
                color: '#90979c'
            }
        },
        "axisTick": {
            "show": false
        },
        "axisLabel": {
            // "interval": 0,
            textStyle: {
                color: '#fff',
                fontSize: '16'
            },
        },
        "splitArea": {
            "show": false
        },

    }],
    "dataZoom": [{
        "show": true,
        "height": 30,
        "xAxisIndex": [
            0
        ],
        bottom: 30,
        "start": 0,
        "end": 20,
        handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
        handleSize: '104%',
        handleStyle: {
            color: "#d3dee5",

        },
        textStyle: {
            color: "#fff"
        },
        borderColor: "#90979c"


    }, {
        "type": "inside",
        "show": true,
        "height": 15,
        "start": 1,
        "end": 35
    }],
    "series": seriesData_104
}
